
@color: #e4393c;
body{
  background-color: #f7f7f7;
}
.header{
  height: 44px;
  background-color: @color;
  position: relative;
  .back{
    float: left;
    width: 50px;
    height: 100%;
    text-align: center;
    .icon-fanhui{
      display: inline-block;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      line-height: 44px;
      font-size: 30px;
      color: #fff;
    }
  }
  h1{
    text-align: center;
    line-height: 44px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .app{
    width: 50px;
    height: 44px;
    position: absolute;
    right: 0px;
    a{
      width: 100%;
      height: 100%;
      display: inline-block;
      background:  url("../../images/header_app.png") no-repeat 9px 8px;
      background-size: 30px;
      text-align: center;
    }
  }
  h1{
    font-size: 22px;
    font-weight: 700;
    color: #fff;
  }
}


/*nav开始*/
.swipe{
    height: 38px;
  background-color: #fff;
    overflow: hidden;
    position: relative;
    .box{
      width: 100%;

        ul{
            width: 630px;
            display: inline-block;
          li{
            height: 38px;
            float: left;
            line-height: 38px;
            text-align: center;
            padding: 0px 8px 0px 8px ;
            .active{
              display: inline-block;
              height: 35px;
              border-bottom: 3px solid #e92322;
            }
          }
        }
    }
    .search{
      width: 39px;
      height: 38px;
      position: absolute;
      background-color: #fbfbfb;
      right: 0px;
      top: 0px;
      text-align: center;
      line-height: 38px;

      .icon-sousuo::before{
        display: inline-block;
        width: 38px;
        height: 38px;
        font-size: 20px;
      }
    }
}

/*商品详情*/
.product{
    ul{
      li{
        margin-top: 5px;
        padding: 5px;
        background-color: #fff;
        .pic{
          img{
            width: 130px;
            height: 130px;
          }
        }
        .inf{
          padding-left: 135px;
          .productName{
            color: #000;
            font-size: 14px;
            padding-top: 5px;
            font-family: "microsoft yahei";
          }
          .productPrice{
            font-size: 24px;
            color: #ff5e5d;
            padding-top: 5px;
            i{
              color: #ff5e5d;
              font-size: 17px;

            }
            em{
              color: #ff5e5d;
              font-size: 14px;
              padding: 0px 3px 0px 3px;
            }
            del{
              color: #a0a0a0;
              font-size: 14px;
              padding-left: 10px;
            }
          }
          .bar{

            height: 36px;

            i{
              width: 100px;
              height: 14px;
              display: inline-block;
              background-color: pink;
              border: 1px solid #ff5e5d;
              border-radius: 6px;
              margin-top: 5px;
              position: relative;
              em{
                background-color: #ff5e5d;
                display: inline-block;
                position: absolute;
                border: 1px solid #ff5e5d;
                border-radius: 6px;
                height: 12px;
              }
              span{
                color: #fff;
                display: inline-block;
                position: absolute;
                right: 35px;
                top: -1px;
              }
            }
            b{
              color: #ff5e5d;

              margin-left: 5px;
            }
            .quan{
              width: 120px;
              border: 1px dashed #ff5e5d;
              height: 25px;
              text-align: center;
              line-height: 25px;
              a{
                color: #ff5e5d;
              }
            }
          }
          .productHref{
            width: 68px;
            height: 38px;
            background-color: #ff5e5d;                                    margin-right: 5px;
            margin-top: 30px;
            border-radius: 5px;
            text-align: center;
            line-height: 38px;
            a{
              color: #fff;
            }
          }
        }
      }
    }
}



/*底部*/
.menu{
  width: 98.4%;
  height: 36px;
  border: 1px solid #c4c4c4;
  background: #efefef;
  padding-left: 10px;
  a{
    line-height: 36px;
  }
}

.footApp{
  height: 96px;
  padding-top: 30px;
  .footTop{
    height: 36px;
    border: 1px solid #c4c4c4;
    background: #efefef;
    a{
      box-sizing: border-box;
      width: 30%;
      line-height: 36px;
      display: inline-block;
      text-align: center;
    }
    a:nth-of-type(2){
      border-right: 1px solid #c4c4c4;
      border-left: 1px solid #c4c4c4;

    }
  }
  .foot{
    text-align: center;
    margin:15px 0px 15px 0px;
    span:nth-of-type(3){
      color: #c4c4c4;
    }
    span:nth-of-type(1){
      a{
        color: red;
      }
    }
  }
  img{
    width: 64px;
    height: 71.5px;
    position: fixed;
    right: 0px;
    bottom: 90px;
  }
}


/*返回顶部*/
.to-top{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color:rgba(0,0,0,0.3);
  text-align: center;
  line-height: 40px;
  color: #ffffff;
  font-size: 20px;
}